@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

  @-dwebkit-keyframes bounceInLeft {
            0% {
               opacity: 0;
               -webkit-transform: translateX(-2000px);
            }
            60% {
               opacity: 1;
               -webkit-transform: translateX(30px);
            }
            80% {
               -webkit-transform: translateX(-10px);
            }
            100% {
               -webkit-transform: translateX(0);
            }
         }
         
         @keyframes bounceInLeft {
            0% {
               opacity: 0;
               transform: translateX(-2000px);
            }
            60% {
               opacity: 1;
               transform: translateX(30px);
            }
            80% {
               transform: translateX(-10px);
            }
            100% {
               transform: translateX(0);
            }
         }
         
         .bounceInLeft {
            -webkit-animation-name: bounceInLeft;
            animation-name: bounceInLeft;
         }




  @-dwebkit-keyframes bounceInRight {
            0% {
               opacity: 0;
               -webkit-transform: translateX(1000px);
            }
            60% {
              
               -webkit-transform: translateX(-30px);
            }
            80% {
               -webkit-transform: translateX(10px);
            }
            100% {
 opacity: 1;
 -webkit-transform: translateX(0);
            }
         }
         
         @keyframes bounceInRight {
            0% {
               opacity: 0;
               transform: translateX(1000px);
            }
            60% {
               transform: translateX(-30px);
            }
            80% {
               transform: translateX(10px);
            }
            100% {
 opacity: 1;
 transform: translateX(0);
            }
         }
         
         .bounceInRight {
            -webkit-animation-name: bounceInRight;
            animation-name: bounceInRight;
         }
a {
    text-decoration: none;
}

#mainTableCont .mapsBtn{
  position: absolute;
  top: 180px;
  left: 620px;	
  z-index: 2000;  
  cursor:pointer;
  -webkit-animation: bounceInRight 3s;
  animation: bounceInRight 3s;
}


#mainTableCont .mapsBtn ul{
  display:none;
  position: absolute;
  background:#fff;
  z-index: 100;
  right: 10px;
    top: 20px;
}
#mainTableCont .mapsBtn li{
  text-align:center;
  min-width:130px;
  padding:10px 5px 10px 5px;
  color:#000;
}
#mainTableCont .mapsBtn li:first-child{
  background:#de0000;
  color:#fff;
  font-weight: bold;
}
#mainTableCont. mapsBtn li:not(:last-child):not(:first-child){
  border-bottom:1px solid #b9b9b9;
}
#mainTableCont .mapsBtn li:not(:first-child):hover{
background:#ccc;
color:#000 !important;
}
#mainTableCont .mapsBtn li:not(:first-child) a{
color:inherit;
}

#mainTableCont .mapsBtn svg{
  width: 54px;
}
#country_holder,#country_holder_usa{
display:inline-block;height:100%;position:relative;width:100%;
box-sizing: border-box;
}
#country_counties_holder{
display:inline-block;height:100%;border: 1px solid grey;position:relative;
padding-left:10px;padding-right:10px;padding-top:5px;
box-sizing: border-box;
}

#country_holder .logoRef{
  z-index:2;
  position: absolute;
}#country_holder_usa .logoRef{
  z-index:2;
  position: absolute;
right: 150px;
    top: 408px;
}
#countrymap_holder,#countrymap_holder_usa {
width:100%;position:relative;
  -webkit-animation: flip 1.5s;
  animation: flip 1.5s;
}
.leftSection,.leftSectionNOR {
  -webkit-animation: bounceInRight 2s;
  animation: bounceInRight 2s;
      padding: 5px;
}

@-webkit-keyframes flip {
  from {
	-webkit-transform:  rotateY(180deg)  rotateX(180deg) scale(0);
  -moz-transform:      rotateY(180deg)   rotateX(180deg) scale(0) ;
  -ms-transform:       rotateY(180deg)   rotateX(180deg) scale(0);
  transform:           rotateY(180deg)   rotateX(180deg) scale(0);
  }
  to {
	-webkit-transform:  rotateY(0deg)   rotateX(0) scale(1);
  -moz-transform:      rotateY(0deg)   rotateX(0) scale(1);
  -ms-transform:       rotateY(0deg)   rotateX(0) scale(1);
  transform:           rotateY(0deg)   rotateX(0) scale(1);
  }
  0%   { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes flip {
  from {
	-webkit-transform:   rotateY(180deg) rotateX(180deg)  scale(0);
  -moz-transform:      rotateY(180deg)  rotateX(180deg) scale(0);
  -ms-transform:       rotateY(180deg)  rotateX(180deg) scale(0);
  transform:           rotateY(180deg)  rotateX(180deg) scale(0);
  }
  to {
	-webkit-transform:   rotateY(0deg)   rotateX(0) scale(1);
  -moz-transform:      rotateY(0deg)   rotateX(0) scale(1);
  -ms-transform:       rotateY(0deg)   rotateX(0) scale(1);
  transform:           rotateY(0deg)   rotateX(0) scale(1);
  }
  0%   { opacity: 0; }
    100% { opacity: 1; }
	}
@-swebkit-keyframes flip {
  from {
    transform: rotateY(90deg)
  }
  to {
    transform: rotateY(0deg)
  }
}
@skeyframes flip {
  from {
    transform: rotateY(90deg)
  }
  to {
    transform: rotateY(0deg)
  }
}




.fade-in {
  //opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;


  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}





.countryMap .wholeCountry, .countryMap .wholeWorld{
	position:absolute;
}

.countryMap .wholeCountry{
	top: 10px;
    left: 190px;
	background: #0e820094;
    font-size: 18px;
    font-weight: bold;
}

.countryMap .wholeCountry a{
	color: #fff;
    text-decoration: none;
	padding: 4px;
    display: flex;
}
.countryMap .wholeWorld{
	top: 10px;
    left: 470px;
	background: #9800ca94;
    font-size: 18px;
    font-weight: bold;
}
.countryMap .wholeWorld a{
	color: #fff;
    text-decoration: none;
	padding: 4px;
    display: flex;
}


.counties1 {
display: none;
margin-top:150px;
font-size: 18px;
    font-weight: bold;
	padding: 10px;
}

.countryMap .counties1 > div{
display: flex;
}
.countryMap .counties_link{
display: flex;
justify-content: end;
}

.countryMap .counties1 a{
	padding: 4px;
	
    display: inline-block;
	color: #000;
    text-decoration: none;
    font-family: sans-serif;
    font-weight: bold;
    font-size:20px;

}

.countryMap .counties1 a:hover{
	background: #C4A074;
	color: #fff;
}

.countryMap .wholeCountry:hover, .countryMap .wholeWorld:hover{
	background: #C4A074;
	color: #fff;
}

.countryMap .counties1  span{
	display: none;
	position: absolute;
    right: 10px;
	right: 10px;
    top: 2px;
}

.countryMap .counties1 .counties_link {
	position: relative;
}

.countryMap .counties1  .county_2{
min-width: 140px;
}
.log_in_btn1 {
  -webkit-animation: bounceInLeft 3s;
  animation: bounceInLeft 3s;
}

path{
transition: all 0.4s ease;
}
path:active{
	}


#mainTableCont .account_holder {
	display: inline-block;
    position: absolute;
    top: 80px;
    left: 15px;
}
.countryMap{
position:relative;display:table;
text-align:right;
  z-index:1;

-webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
}

.countryMap .map{
	box-shadow: 2px 2px 8px #a0a0a0;
}

.countryMap .map .theMap > svg{
	display: block;
}

.countryMap .main_logo {
	position: absolute;
    z-index: 1;
    margin-top: 0px;
    text-align: left;
    top: 6px;
    left: 6px;
    margin-top: 0px;
    text-align: left;
}

.countryMap .main_logo img{
	max-width: 100%;
    max-height: 100%;
    background: #ffffff6b;
    padding: 10px;
}

.countryMap .header, .countryMap .footer {
    display: flex;
	background: #ccccccab;
    padding: 5px;
    justify-content: center;
}

@media (max-width:1114px)  {
#loadForm {grid-template-columns: 100%;width: 100%;}	
#loadForm .leftSectionNOR{
	display: none;
	}
}

@media (max-width:1060px)  {
#mainTable.NOR{grid-template-columns: 100%;}	
		.leftSectionNOR{
	display: none;
	}
}

@media (max-width:770px){
	.countryMap .map{
		display: none !important;
	}
	#mainTableCont .mapsBtn {
		top: 90px;
		left: 160px;
	}	
	.countryMap .counties1{
		display: flex;
	}
	#mainTableCont .account_holder {
		top: 80px;
	}
	.countryMap .wholeWorld {
		left: 190px;
		top: 50px;
	}
	.log_in_btn1 {
		text-align: center;
		padding: 14px;		
		font: bold 16px "Courier New", Courier, monospace;
		width: 90px;
	}	
}

@media (max-width:390px){

  .main_logo  > img{
    width:140px;
  }

	
	.countryMap{
		background: #fff !important;
	}
		.countryMap .counties1 {
		}

	.countryMap  .counties1 > div {
		flex-direction: column;
	}
	#mainTableCont .account_holder {
		top: 70px;
	}
	.countryMap .wholeCountry, .countryMap .wholeWorld {
		left: 160px;
	}	
	.countryMap  .counties1 {
	margin-top: 150px;
	}
	.countryMap .counties1 .counties_link{
		display: inline-block;
		width: 100%;
		text-align: left;
		border-bottom: 1px solid #CCCCCC;
	}
	.countryMap .main_logo {
		top: 0;
		left: 0;
	}
	.countryMap .counties1 span {
		display: block;
	}

}